<template>
	<view class="content-class">
		<view class="sleep-card" v-if="cardData.title">
			<u-image width="126px" height="140px" style="position: absolute;top:3px;right: 35px;" src="/static/images/homePage/describe-bg.png">
			</u-image>
			<u-image width="184px" height="92px" style="position: absolute;top:30px;right: 10px;" src="/static/images/homePage/describe-border.png">
			</u-image>
			<view class="score">
				<u-image width="27px" height="27px" :src="cardData.icon"></u-image>
			</view>
			<view class="jkzs-border">
				<view class="jkzs">
					<u-row>{{cardData.title}}</u-row>
					<u-row class="sub-title" :style="{fontSize:cardData.title.includes('血氧')?'20px':'22px'}">{{cardData.subTitle}}</u-row>
				</view>
			</view>
			<view class=" rich-block" v-for="(i,iIndex) in cardData.content" :key="iIndex">
				<u-parse :content="i"></u-parse>
			</view>
			<view class="tip">{{cardData.tip}}</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				dataList: [{
					title: '温度',
					subTitle: 'temperature',
					icon: require("../../../static/images/homePage/tw.png"),
					content: [
						'<span>1. 体温监测</span><ul><li>实时监测：穿戴设备通过内置的温度传感器，能够实时监测用户体温，反映身体平衡状态。</li><li>疾病预警：体温的微小变化可能预示着疾病的到来，持续监测有助于早期发现健康异常。</li></ul></br><span>2. 运动评估</span><ul><li>运动强度评估：运动时体温会产生变化，通过监测体温变化，可有效评估运动强度和身体疲劳程度。</li><li>协同工作：温度传感器与其他运动传感器（如加速度计、心率传感器等）协同工作，为用户提供更全面的运动数据。</li></ul></br><span>3. 健康管理与预警</span><ul><li>术后监测：对于术后患者，可穿戴设备能够准确记录体温波动情况，并设置报警阈值，及时提醒医护人员。</li><li>儿童健康管理：持续监测儿童体温，对于预防儿童疾病具有重要意义。</li></ul>'
					]
				}, {
					title: '心率',
					subTitle: 'heart rate',
					icon: require("../../../static/images/homePage/xl.png"),
					content: [
						"<p><strong style='color:#fff'>心率是心脏每分钟跳动的次数(bpm)，可作为心血管健康的指标。</strong></p> <p>我们每个人都有自己的<strong>静息心率</strong>和<strong>最高心率</strong>。如果您想充分利用锻炼和健身追踪器，使用心率监测器跟踪您的心率并了解每个心率区的情况非常重要。早上起床前记录心率。每天如此持续一周。这就是您的个人静息心率。休息时大多数人的心率范围通常在<strong>60~100bpm</strong>之间。经常锻炼能改善心脏供血，因此您的静息心率可能会降低。睡眠时，心率减慢到低于正常静息心率的范围是正常的。每分钟<strong>40至50次(bpm)</strong>被认为是成年人的平均睡眠心率。</p> <p>对于<strong>运动心率</strong>，您的<strong>目标心率</strong>是最大心率的<strong>50%至85%</strong>。这是您的心脏以中等至高强度跳动的水平。要确定您的最大心率，需要用<strong>220减去您的年龄</strong>。您可以在五个不同的区域进行训练，每个区域都有不同的好处。</p>",
						"<p><strong style='color:#fff'>关于运动心率区间</strong></p> <p><strong>静息心率(Rest Heart Rate, 简写RHR)</strong>和 <strong>最大心率(Max Heart Rate，简写MHR)</strong>是决定个人训练区间最重要的两个参数。静息心率是指安静状态下的心跳频率。安静状态下，成人正常心率为<strong>60~100次/分钟</strong>，理想心率应为<strong>55~70次/分钟</strong>(运动员的心率较普通成人偏慢，一般为<strong>50次/分钟</strong>左右)。最大心率值最常用计算方法是用<strong>220减去你的年龄</strong>从而得到你的最大心跳频率，例如: 一个32岁的人的最大心跳频率为<strong>188跳每分钟</strong>，即<strong>MHR=220-年龄</strong>。正确了解跑步时的平均心率对于人体健康水平的影响，都将有助于你获得更加理想高效的锻炼结果。</p> <p>最常使用的是从<strong>50%到100%最大心率</strong>划分成<strong>5个区间</strong>，由低到高运动强度逐渐增大，训练效果也随之变化。</p>",
						"<p><strong style='color:#fff'>热身恢复锻炼，50~60%MHR</strong></p> <p>轻度运动，耗能极少，用于跑步前的动态热身跑步后的放松活动，也是人体感觉最舒适的心率区间，可以轻松通过<strong>散步或慢走</strong>达到。在此区间的活动对于<strong>降低血压、提升心血管健康</strong>以及<strong>减脂</strong>方面会有一定的帮助，但是效率很低。</p>",
						"<p><strong style='color:#fff'>燃脂耐力锻炼，60%-70%MHR</strong></p> <p>身体以<strong>脂肪代谢</strong>为主。适合以放松恢复为目的的<strong>慢跑</strong>和<strong>椭圆机、健身操</strong>等轻松锻炼项目，也可通过<strong>快走/慢跑/热身运动</strong>进入此区间。在此区间保持一段时间可以让身体准备好<strong>增强脂肪代谢</strong>，接受高强度运动。</p>",
						"<p><strong style='color:#fff'>有氧心肺锻炼，70%~80%MHR</strong></p> <p>中到高度有氧区间，<strong>糖原代谢</strong>比例增大，有效锻炼<strong>有氧能力</strong>，提高<strong>脂肪利用率</strong>。强度适中，适合以<strong>健身减肥</strong>为目的的跑步者，<strong>马拉松选手</strong>的大部分训练应该在这一区间。处于一般人正常运动强度，可通过<strong>持续慢跑</strong>进入此区间。</p> <p>此区间内的运动，对于<strong>心血管和呼吸系统</strong>的健康程度提升明显，此外，<strong>卡路里消耗</strong>和<strong>燃脂水平</strong>也较为均衡。<strong>每60分钟的训练，达成20~30分钟在此区域则比较理想。</strong></p>",
						"<p><strong style='color:#fff'>肌力强化锻炼，80%~90%MHR</strong></p> <p><strong>乳酸阈值区间</strong>，糖原代谢为主，出现乳酸堆积。强度较大。<strong>节奏跑(tempo)</strong>和<strong>马拉松配速跑</strong>在这一区间。可以通过高强度运动进入此区间，此时身体会感觉较为不适，但这一区域对于<strong>HIT/EPOC训练法</strong>来说是最重要的：</p> <ul> <li>训练中，新陈代谢水平高，脂肪代谢非常明显</li> <li>训练后，由于机体需要代谢EPOC产生的乳酸，也会保持长时间的热量消耗</li> </ul> <p><strong>每60分钟的训练，达成10-20分钟在此区域则比较理想。</strong>用于训练身体提高乳酸耐受性，<strong>每周训练不应超过1.5小时</strong>。</p>",
						"<p><strong style='color:#fff'>无氧极限锻炼 90%~100%MHR</strong></p> <p>接近<strong>无氧代谢</strong>，几乎全部能量来源于<strong>糖原分解</strong>。心脏负担很大，锻炼<strong>绝对速度能力</strong>，适合有经验的跑步者。</p> <p>从运动效果方面来讲，此区间的代谢水平最高，但是运动过程中进入此区间<strong>并不是必要的</strong>，而且<strong>是不推荐的</strong>。如果进入了此区间请<strong>逐渐降低运动强度</strong>，并将每次的持续时间控制在<strong>3-5分钟以内</strong>，从而控制运动风险。</p>"
					],
					tip: '当您进行高强度训练、晚间进食、体温升高，甚至有压力或兴奋等想法和情绪时，您的心率会升高。当您处于放松状态时，如睡眠前和睡眠中，您的心率会降低'
				}, {
					title: '血氧浓度',
					subTitle: 'Blood oxygen concent',
					icon: require("../../../static/images/homePage/xy.png"),
					content: ['<p><strong>血氧饱和度(SpO<sub>2</sub>)</strong>是指血液中氧气的…，<span">注:请将智能戒指的凸点位置紧贴皮肤佩戴，以保证数据的准确性。</span></p>']
				}, {
					title: '步数',
					subTitle: 'step number',
					icon: require("../../../static/images/homePage/yd.png"),
					content: ['<p>会统计一天24小时您使用智能戒指活动产生的总步数，包括日常步行、跑步、徒步等运动所产生的步数。…ng>10,000步</strong> 的目标，这是个值得为之奋斗的目标，有利于保持健康。</p>']
				}, {
					title: '心理健康评分',
					subTitle: 'pressure',
					icon: require("../../../static/images/homePage/yl.png"),
					content: ['<p><strong>心理健康评分</strong>是通过您的心率变异性(HRV)来衡量您处于紧张或…性压力是有害的</strong>，因为您的身心长期处于高度紧张状态，不能经常回到平衡状态。</p>']
				}]
			}
		},
		props: ['pageConfig'],
		components: {},
		computed: {
			cardData() {
				let itemData = this.dataList.find(i => this.pageConfig.name.replace('说明', '') == i.title)
				// if (itemData) {
				// 	let arr = []
				// 	itemData.content.forEach(item => {
				// 		let str = item.replace(/\s+/g, ' ').replace(/^\s+|\s+$/g, '').replace(/(\r\n|\n|\r)/gm, '')
				// 		arr.push(
				// 			str
				// 		)
				// 	})
				// 	console.log(arr)
				// }
				return itemData || {}
			}
		},
		methods: {}
	}
</script>
<style lang="scss">
	.content-class {
		padding: 15px;
	}

	.rich-block {
		padding: 15px 12px;
		background: #1B1B1B;
		border-radius: 12px;
		color: #999999;
		line-height: 23px;
		margin-bottom: 12px;

		::v-deep ._span {
			margin-bottom: 20px;
		}
	}

	.sleep-card {
		margin: 12px 0px;

		.jkzs-border {
			margin-bottom: 12px;

			.jkzs {
				font-weight: bold;
				font-size: 26px;
				padding-top: 26px;
				padding-bottom: 26px;

				.sub-title {
					font-size: 22px;
					color: #999999;
					margin-top: 6px;
					max-width: 60%;
					white-space: break-spaces;
				}
			}
		}

		.score {
			font-weight: bold;
			font-size: 28px;
			color: #FFFFFF;
			position: absolute;
			top: 60px;
			right: 88px
		}

		.tip {
			margin-top: 12px;
		}

	}
</style>